<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div class="father">
    <el-page-header @back="goBack" content="公告详情" class="header"></el-page-header>
    <div class="body">
      <p>
        一、晒单抽便携U型枕<br />

活动时间：<br />

2023年11月27日18:00-2023年12月15日23:59<br />
<br />
活动内容：<br />

在华为商城购买华为路由 BE3 Pro 1000M网口版，在活动期间发表有效评价（使用体验或产品性能评价等15字以上评论+晒图，中文不少于15字，其中不包括标点符号、英文，数字算字数；图片大于等于1张），且订单签收7天后无退货的用户，在活动结束后7个工作日内将通过商城系统抽取500名用户赠便携U型枕一份。
<br />
活动说明：<br />

1、晒单以商品编码为准，每个商品编码仅可参与一次晒单活动，如用户一个订单购买了多个商品均为同一个商品编码，那么该用户只能参与一次晒单活动。
<br />
2、用户在活动参与时间内发表有效评价后，无需主动点击抽奖框参与抽奖活动，商城后台进行抽奖。
<br />
3、 IOS和小程序无法评价，请前往APP发表评价参与。
<br />
奖品设置：
<br />
1、奖品名称：便携U型枕；
<br />
2、奖品数量上限：500份；
<br />
3、奖品价值：59元。
<br />
中奖通知：活动结束后7个工作日内获赠用户将会收到消息通知，PC端的查看路径：在我的帐号>消息中心>通知消息；手机端的查看路径为：点击华为商城APP端首页搜索栏右侧的小图标，进入消息中心，查看通知消息，或者进入商城>我的>右上角消息中心>通知消息。
<br />
奖品发放：赠品将于收到中奖通知后3个工作日内发放至中奖用户帐号下默认地址，请留意维护默认地址信息。
<br />
温馨提示：
<br />
1、中奖用户若其对应的原订单发生退货退款，赠品不予发放。
<br />
2、请中奖用户保持联系电话畅通，如因用户原因导致赠品发放失败的视为自动放弃赠品。
<br />
3、同一用户参与本活动至多获奖一次。同一用户指华为商城根据用户登录或使用的华为商城帐号的关联信息判断实际为同一用户的，关联信息包括但不限于：同一华为帐号、同一手机号、同一支付账号、同一收件人、同一设备号、批量相同（包括雷同、临近、虚构）的收货地址或同一IP地址。
<br />
4.、任何人通过或曾通过不正当手段（包括但不限于恶意刷单、侵犯第三人合法权益、作弊、扰乱系统、实施网络攻击、批量注册、用机器注册账户、用机器模拟客户端等方式）参与华为商城活动的，或存在或曾存在任何违反华为商城协议或者规则行为的，华为商城有权取消或限制用户参与本活动的资格，拒绝发放赠品或撤销用户所获利益并要求赔偿相关损失。
<br />
5.、活动赠品的具体版本/制式/颜色请以收到的实物为准。
<br />
6.、如出现不可抗力或情势变更的情况（包括但不限于自然灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受网络攻击或因系统故障需要暂停举办等）导致被取消活动，华为商城可决定暂停或终止本活动，并可依相关法律法规主张免责。
<br />
如有疑问，请联系华为商城客服，7*24H热线950805。
<br />
      </p>
    </div>
    <div class="hello_world">
      <button class="top" @click="toTop">
        <img src="@/assets/backToTop.png" width="100%">
      </button>
    </div>
  </div>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  name: 'w_e_five',
  data () {
    return {
    }
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    },
    toTop () {
      window.location.reload()
    }
  },
  mounted () {
    this.$nextTick(() => {
      // eslint-disable-next-line no-undef
      this.scroll = new BScroll('.body', {
        click: true,
        mouseWheel: true
      })
    })
  }
}
</script>

<style scoped>
.top{
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 100px;
  right: 5px;
  background-color: #fff;
  border: solid 1px gray;
  border-radius: 50%;
}
.father{
  width: 450px;
  height: 100%;
  background-color: #fff;
}
.header{
  width: 100%;
  height:5%;
}
.body{
  width: 450px;
  height: 600px;
  overflow: hidden;
  background-color: #fff;
  border-bottom: solid 1px gray
}
</style>
